<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,,user-scalable=no">
  <title>捷普绿点-深圳沙井-A2-Z2自动贴膜机生产数据</title>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/index.css?rev=ac6ed5b7b7b35822066a7c1ff4367280">
  <link rel="stylesheet" href="css/client.css">
</head>

<body style="width: 100%;text-align: center;height: 100%;overflow: hidden; " class=" bg bg-default gradient">
  <header class="gradient"
    style="width: 100%;;margin:0  auto;text-align: center;height: 5rem;position: fixed;padding: 0;top: 0;">
    <div class="container  "
      style="padding-left:9rem;line-height: 5rem; display: flex;justify-items: center;align-items: center;; justify-content: left; background-color: #fff;width: 100%;overflow: hidden;  height: 100%; text-align: left;">
      <img src="img/logo.gif" alt=“绿点深圳” style="height: 70%;line-height: 100%;vertical-align: middle;">
      <p style="color: rgb(103, 163, 35);font-size: 2rem; white-space:nowrap; padding: 5px 0 0 0;"> &nbsp;&nbsp;&nbsp;
        捷普绿点-深圳沙井-A2-Z2自动贴膜机生产数据</p>
      <img id="alarm-fullscreen-toggler" class=" glyphicon  btn right  btn-default " alt="全屏"
        style="height: 70%;line-height: 100%;vertical-align: rihtg;margin-left:23rem;padding: 0px;right: 0;;margin-right: 0;float:right;"
        src="/images/open.jpg" />
      <span style="color: grey;">全屏切换</span>
    </div>
    <!-- <hr style="margin: 0 auto; width: 2000px;z-index: +100;box-shadow: 3px 3px 3px 3px;border: 1px solid gainsboro;"> -->
  </header>
<div  id="App" style="padding: 0;margin: 0; line-height: 55px;">
  <div id="tbt" name="slide-fade" class="container" :class="[showRentPrise==true?`fadein`:`fadeout`]"  v-show="showRentPrise" style="position: relative;;padding:0;height:52px;overflow-y:hidde;overflow-x:hidde;;border-radius: 0px;margin:62px auto 0 auto ;width:90%;border:0px solid rgb(224, 222, 222);">
    <div class="chat-info col-lg-12 col-md-12 col-xs-12 col-sm-12 block" id='app0' style=" display:block;overflow-x:visible;height: 50px;padding: 0;">
      <div style="overflow: visible;line-height: 100%;">
        <table class="table table-hover table-bordered text-center " style="vertical-align: middle;" id="tb0">
          <thead style="text-align: center;">
            <tr style="font-size: 10px;">
              <th>序号</th>
              <th style="font-size: 10px;">日期</th>
              <th>类型</th>
              <th>班别</th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="padding: 0 ;margin: 0;">
                    <td>08-09h</td>
                  </tr>
                  <tr>
                    <td>20-21h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>09-10h</td>
                  </tr>
                  <tr>
                    <td>21-22h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>10-11h</td>
                  </tr>
                  <tr>
                    <td>22-23h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>11-12h</td>
                  </tr>
                  <tr>
                    <td>23-00h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>12-13h</td>
                  </tr>
                  <tr>
                    <td>00-01h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>13-14h</td>
                  </tr>
                  <tr>
                    <td>01-02h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>14-15h</td>
                  </tr>
                  <tr>
                    <td>02-03h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>15-16h</td>
                  </tr>
                  <tr>
                    <td>03-04h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>16-17h</td>
                  </tr>
                  <tr>
                    <td>04-05h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>17-18h</td>
                  </tr>
                  <tr>
                    <td>05-06h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>18-19h</td>
                  </tr>
                  <tr>
                    <td>06-07h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>19-20h</td>
                  </tr>
                  <tr>
                    <td>07-08h</td>
                  </tr>
                </table>
              </th>
              <th>
                合计
              </th>
            </tr>
          </thead>
        </table>
      </div>
    </div>
  </div>


  <div id="App3" class="container " :class="[showRentPrise==true?'app32':'app3']" style="position: relative;;padding:0;height:87vh;overflow-y:scroll;overflow-x:visible;;border-radius: 5px;width:90%;border:1px solid rgb(224, 222, 222);">
    <div id='app3' class="chat-info col-lg-12 col-md-12 col-xs-12 col-sm-12 block"  style=" display:block;margin-bottom: 50px;height: auto;padding: 0;">
      <div style="overflow: visible;">
        <table class="table table-hover table-bordered text-center " style="vertical-align: middle;" id="tb">
          <thead style="text-align: center;">
            <tr id="tr" refs="tr" style="font-size: 10px;">
              <th>序号</th>
              <th style="font-size: 10px;">日期</th>
              <th>类型</th>
              <th>班别</th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="padding: 0 ;margin: 0;">
                    <td>08-09h</td>
                  </tr>
                  <tr>
                    <td>20-21h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>09-10h</td>
                  </tr>
                  <tr>
                    <td>21-22h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>10-11h</td>
                  </tr>
                  <tr>
                    <td>22-23h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>11-12h</td>
                  </tr>
                  <tr>
                    <td>23-00h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>12-13h</td>
                  </tr>
                  <tr>
                    <td>00-01h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>13-14h</td>
                  </tr>
                  <tr>
                    <td>01-02h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>14-15h</td>
                  </tr>
                  <tr>
                    <td>02-03h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>15-16h</td>
                  </tr>
                  <tr>
                    <td>03-04h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>16-17h</td>
                  </tr>
                  <tr>
                    <td>04-05h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>17-18h</td>
                  </tr>
                  <tr>
                    <td>05-06h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>18-19h</td>
                  </tr>
                  <tr>
                    <td>06-07h</td>
                  </tr>
                </table>
              </th>
              <th>
                <table style="padding:0;margin:0;text-align: center;width: 100%;">
                  <tr style="border-bottom: 1px solid gery;">
                    <td>19-20h</td>
                  </tr>
                  <tr>
                    <td>07-08h</td>
                  </tr>
                </table>
              </th>
              <th>
                合计
              </th>
            </tr>
          </thead>
          <tbody id="bb" style="padding-bottom: 0;">
            <!-- [index%2!=0?'bg-info':'bg-danger'] [index%2!=0?'display':'none']-->
            <tr v-for="(item, index) in items" class=" bg " :class="[item.dclass=='白班'?'bg-success':'bg-info']"
              style="text-align: center;">
              <td>{{itemslength-index}}</td>
              <td class="bg" :class="">{{ item.date }}</td>
              <td class="bg" :class="">{{ item.dclass }}</td>
              <td class="bg" :class="">{{ item.type }}</td>
              <td class="bg" :class="">{{ item.H0809 }}</td>
              <td class="bg" :class="">{{ item.H0910 }}</td>
              <td class="bg" :class="">{{ item.H1011 }}</td>
              <td class="bg" :class="">{{ item.H1112 }}</td>
              <td class="bg" :class="">{{ item.H1213 }}</td>
              <td class="bg" :class="">{{ item.H1314 }}</td>
              <td class="bg" :class="">{{ item.H1415 }}</td>
              <td class="bg" :class="">{{ item.H1516 }}</td>
              <td class="bg" :class="">{{ item.H1617 }}</td>
              <td class="bg" :class="">{{ item.H1718 }}</td>
              <td class="bg" :class="">{{ item.H1819 }}</td>
              <td class="bg" :class="">{{ item.H1920}}</td>
              <td class="bg" :class="">
                {{ item.H0809+item.H0910+item.H1011+item.H1112+item.H1213+item.H1314+item.H1415+item.H1516+item.H1617+item.H1718+item.H1920}}
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <section id="pushbutton"></section>


  </div>

  <div class="chat-tools"
    style=" position: fixed;bottom: 0;margin-bottom: 0; width: 100%; display: flex;align-items: center;justify-content: left;justify-items: center;">
    <button class="btn btn-primary glyphicon glyphicon-font  " title="请选择字体" startyear="华文" default-val="简体"
      id="kinerDatePickerInput1"> </button>
    <!-- <input type="checkbox" id="jy" onclick="clickjy(this)" name="vehicle" value="Car"style="line-height: 100%; align-items: center;padding: 5px;margin: 2px 2px 2px 2px ;" checked="True" title="静音" alt="静音" />
        <span>声音</span> -->
    <span style="float: right;position: absolute; right: 0;margin-right: 0;">开发支持：Jeking.xu 13128755602</span>
  </div>

  <audio id="audio" src="music/didi.mp3" type="audio/mpeg" preload>
    对不起，您的浏览器不支持HTML5音频播放。
  </audio>

</div>

 

  <!-- <script src="/js/jquery-3.4.1.min.js"></script> -->
  <script src="/js/jquery.js"></script>
  <!-- <script src="/js/jquery-1.8.3.min.js"></script> -->
  <!-- <script src="/chat/socket.io.js"></script> 后端开启服务的虚拟地址 -->
  <!-- <script src="js/js.cookie.min.js"></script> -->
  <script src="/js/axios.min.js"></script>
  <script src='/js/vue.js'></script>
  <!-- <script src="js/flexible.js"></script> -->
  <!-- <script src="/js/libs/flexible_css.debug.js"></script> -->
  <!-- <script src="/js/libs/mobileFix.js"></script> -->
  <script src="/js/libs/swiper.min.js"></script>
  <script src="/js/libs/kinerDatePicker.js"></script>
  <!-- <script src="/js/bootstrap4.2.js"></script> -->
  <script src="/js/bootstrap.min.js"></script>
  <script src="/js/client.js"></script>







</body>

</html>